<template>
	<view class="storeIncomeDetail-container">
		<view class="detail-card">
			<!-- 标题 -->
			<view class="card-title">邻几</view>
			
			<!-- 详情行 -->
			<view class="detail-line">
				<view class="label">订单总数</view>
				<view class="value">20</view>
			</view>
			<view class="detail-line">
				<view class="label">订单金额</view>
				<view class="value">￥20</view>
			</view>
			<view class="detail-line">
				<view class="label">商户收益</view>
				<view class="value">￥20</view>
			</view>
			<view class="detail-line">
				<view class="label">我的收益</view>
				<view class="value">￥20</view>
			</view>
			<view class="detail-line">
				<view class="label">设备数量</view>
				<view class="value">20</view>
			</view>
			<view class="detail-line">
				<view class="label">订单金额</view>
				<view class="value">￥20</view>
			</view>
			<view class="detail-line">
				<view class="label">订单数量</view>
				<view class="value">20</view>
			</view>
			<view class="detail-line">
				<view class="label">卖宝金额</view>
				<view class="value">￥20</view>
			</view>
			<view class="detail-line">
				<view class="label">卖宝次数</view>
				<view class="value">20</view>
			</view>
			<view class="detail-line">
				<view class="label">优惠券订单数</view>
				<view class="value">20</view>
			</view>
			<view class="detail-line">
				<view class="label">退款金额</view>
				<view class="value">￥20</view>
			</view>
			<view class="detail-line">
				<view class="label">退款次数</view>
				<view class="value">20</view>
			</view>
			<view class="detail-line">
				<view class="label">扫码次数</view>
				<view class="value">20</view>
			</view>
			<view class="detail-line">
				<view class="label">扫码不在线次数</view>
				<view class="value">20</view>
			</view>
		</view>
	</view>
</template>

<script setup>

</script>

<style lang="scss" scoped>
.storeIncomeDetail-container {
	height: 100vh;
	padding: 24rpx;
	background-color: #f9f9f9;
	
	.detail-card {
		padding: 32rpx 24rpx;
		border-radius: 24rpx;
		background-color: #fff;
		
		.card-title {
			font-size: 32rpx;
			line-height: 36rpx;
			font-weight: 500;
			padding-bottom: 32rpx;
			border-bottom: 2rpx solid #f0f0f0;
		}
		
		.detail-line {
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: space-between;
			padding-top: 24rpx;
			
			.label {
				color: #999;
				font-size: 28rpx;
				line-height: 40rpx;
			}
			
			.value {
				font-size: 28rpx;
				line-height: 40rpx;
			}
		}
	}
}
</style>
